@theme-color:#006737;
@theme-focus:#02a257;
page {
  background-color: rgba(229, 229, 229, 0.1);
  ::v-deep .u-navbar__content {
    //box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  }
  .pos-rel{
    position: relative !important;
  }
  .pos-abs{
    position: absolute !important;
  }
  .fxl{
    float:left !important;
  }
  .fxr{
    float:right !important;
  }
  .out-padding{
    padding:40rpx;
  }
  .margin40{
    margin:40rpx;
  }
  .margin20{
    margin:20rpx;
  }
  .marginTop100{
    margin-top:100rpx;
  }
  .padding40{
    padding:40rpx;
  }
  .padding20{
    padding:20rpx;
  }
  .margin20B{
    margin-bottom:20rpx !important;
  }
  .margin40B{
    margin-bottom:40rpx !important;
  }
  .margin30B{
    margin-bottom:30rpx !important;
  }
  .bg-white{
    background:#fff !important
  }
  .rad20{
    border-radius:20rpx;
  }
  .rad10{
    border-radius:10rpx;
  }
  .box-shadow-gray{
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.02);
  }
  .box-shadow{
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.08);
  }
  .tab-pub{
    display: flex;
    background:#fff;
    .block{
      line-height:100rpx;
      text-align: center;
      &.focus{
        font-weight: bold;
        color:@theme-color;
      }
    }
  }
  .bg-green-line{
    position: relative;
    background: linear-gradient(to bottom, #e7fde3, #fff);
    background-size:500rpx 0rpx;
    &:before{
      position: absolute;
      content:'';
      left:0px;
      top:0px;
      width:100%;
      height:700rpx;
      z-index:1;
      background: linear-gradient(150deg, #a2fad4 0%, rgba(255, 255, 255, 0) 70%);
    }
  }
  .container {
    //background-color: #FFFFFF;
    // width: 100%;
    margin: 70rpx 20rpx 30rpx 15rpx;
    padding: 10rpx;
    border-radius: 20rpx;
  }
  .change {
    display: flex;
    flex-direction: row;
    padding: 5rpx 0px 10rpx 0px;
    align-items: center;
    i{
      background:@theme-color;
      width:40rpx;
      height:40rpx;
      border-radius:100%;
      margin:0rpx 0rpx 0rpx 10rpx;
      color:#fff;
      font-size:20rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      font-width: bold;
    }
  }
  .border-gray{
    border: 1rpx solid rgba(216, 231, 232, 0.9);
  }
  ::v-deep .u-tabs__wrapper__nav__line{
    background:@theme-color !important;
  }
  ::v-deep .u-tabs__wrapper__nav__item__text{
    line-height:40rpx;
  }
  ::v-deep .u-status-bar{
    //background:#d8fad3 !important;
  }
  ::v-deep .u-button--plain.u-button--primary{
    color:#fff !important;
    border-color:#02a257;
  }
  ::v-deep .u-button__text{
    font-size:30rpx !important;
    font-weight: bold;
  }
  ::v-deep .u-switch,
  ::v-deep .u-button--primary{
    background:#02a257 !important;
    border-color:#02a257;
  }
  .icon-block-big{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    i{
      font-size:80rpx;
      color:#0c9d16;
    }
  }
  .card-comm {
    align-items: center;
    border-radius: 20rpx;
    border: 3rpx solid #89e5ba;
    margin: 40rpx;
    padding: 30rpx 80rpx;
    background-color: #eefcf5;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);
  }
  .swiper-item {
    display: block;
    position: relative;
    height: 300rpx;
    //background: linear-gradient(150deg, #fc8653 0%, #f8a886 70%);
    background: linear-gradient(150deg, #0c9d16 0%, #0aea81 70%);
    //background-image: url('');
    background-size: cover;
    border-radius: 15rpx;
    margin-left: 20rpx;
  }
}
.radius-top{
  ::v-deep .u-popup__content{
    border-radius: 40rpx 40rpx 0rpx 0rpx;
  }
}
::v-deep .green-bg{
  border:1px solid #0c9d16 !important;
  background:#0c9d16 !important;
}



